.Xiangqing {
    * {
        margin: 0;
        padding: 0;
    }

    width: 100%;
    height: 100%;
    background-color: #999;

    //底部的css
    .dibu {
        width: 100%;
        display: flex;
        height: 50px;
        padding: 0 30px;
        align-items: center;
        position: fixed;
        bottom: 0;
        background-color: #999;

        div {

            display: flex;
            margin: 30px;
            flex-direction: column;
            justify-content: space-between;

        }

        .button {
            width: 100px;
            height: 30px;
            border-radius: 5px;
            background-color: rgb(96, 245, 96);
            text-align: center;
            line-height: 30px;
        }
    }

    .my_top {
        width: 100%;
        height: 530px;

        background-color: white;
        border-radius: 10px;

        .header {
            height: 40px;
            display: flex;
            padding: 0 20px;
            justify-content: space-between;
            box-sizing: border-box;

            p {
                height: 40px;
                font-size: 16px;
                font-weight: 900;
            }
        }

        .top_nav {
            width: 100%;

            img {
                width: 100%;
                height: 350px;
            }
        }

        .top_center {
            width: 100%;
            display: flex;
            padding: 0 10px;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            height: 40px;

            .jiage {
                font-size: 20px;
                color: #ff6865;
            }

            .xiaoliang {
                font-size: 10px;
            }
        }

        .top_xia {
            // width: 100%;
            margin: 0 10px;

            .span1 {
                text-align: center;

                display: inline-block;
                height: 20px;
                background-color: #ee1920;
                color: white;
                font-weight: 800;
                border-radius: 5px;
            }

            .span2 {

                text-align: center;
                display: inline-block;
                height: 20px;
                background-color: #038bf8;
                color: white;
                font-weight: 800;
                border-radius: 5px;
                margin: 0 10px;
            }

            .span3 {
                font-size: 15px;
                font-weight: 900;

            }
        }
    }

    .quyu {
        width: 100%;
        height: 50px;

        .button {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 30px;
            box-sizing: border-box;

            background-color: white;
            margin-top: 5px;
            font-size: 15px;
        }
    }

}

.fenxiang2 {
    width: 100%;

    .header {
        margin: 10px 0;
        font-size: 15px;
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }

    .center {
        width: 100%;
        display: flex;
        justify-content: space-between;

        .item {
            width: 24%;

            display: flex;
            flex-direction: column;
            align-items: center;

            p {
                width: 100%;
                font-size: 10px;

                text-align: center;

            }

            span {
                display: inline-block;
                color: yellow;
                font-size: 40px;
            }

            .span1 {
                color: #11bf64;
            }

            .span2 {
                color: #ee5a5d;
            }

            .span3 {
                color: #16829f;
            }

            .span4 {
                color: #d2edc8;
            }

            .span5 {
                color: #58169f;
            }
        }
    }

}